<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="../resources/js/sun-init.js"></script>
<script type="text/javascript" src="../resources/js/sun.index.js"></script>
<style type="text/css">
ul{
  margin：0;
}
ul,li{padding:0;list-style:none outside none}

.blk{
  position:absolute;
  float:left;
  width:20px;
  height:20px;
  background: url("../resources/images/ulimg.gif") no-repeat;
}
.fst{
  padding:3px 10px 3px 20px;
  height: 20px;
  cursor: pointer;
}
.fst:hover{
  background: #ffe48d;
}
</style>
<title>主页</title>
</head>
<body class="easyui-layout">
        <div data-options="region:'north'" style="padding:10px;font-size: 14px;font-family: monospace;height:50px;" class="easyui-panel">
		    <a href="../index/index" class="easyui-linkbutton" data-options="plain:true">主页</a>
		    <a href="#" class="easyui-linkbutton" data-options="plain:true">测试</a>
		    <a href="../logout" class="easyui-linkbutton" data-options="plain:true">退出</a>
		</div>
		<div id="functions" data-options="region:'west',split:true" title="功能" style="width:10%;" class="easyui-accordion" >
		     <div title="资源信息" id="resources" style="overflow:auto;">
		     <ul >
		       <li ><div class="fst" id="srcCrol"><span class="blk"></span>&nbsp&nbsp&nbsp<span id="src" style="font-size: 14px;">资源管理</span></div></li>
		       <li ><div class="fst" id="navCrol"><span class="blk"></span>&nbsp&nbsp&nbsp<span id="nva" style="font-size: 14px;">导航管理</span></div></li>
		       <li ><div class="fst" id="dashCrol"><span class="blk"></span>&nbsp&nbsp&nbsp<span id="dashboard" style="font-size: 14px;">图表管理</span></div></li>
		     </ul>
			</div>
			<div title="Help" data-options="iconCls:'icon-help'" style="padding:10px;">
				<p>The accordion allows you to provide multiple panels and display one or more at a time. Each panel has built-in support for expanding and collapsing. Clicking on a panel header to expand or collapse that panel body. The panel content can be loaded via ajax by specifying a 'href' property. Users can define a panel to be selected. If it is not specified, then the first panel is taken by default.</p> 		
			</div>
		</div>
		<!-- <div data-options="region:'east',split:true" title="功能" style="width:10%;"></div> -->
		<div data-options="region:'center',fit:true" style="width:100%" class="easyui-tabs" id="tt">
			
		</div>
</body>
</html>